<%@ page language="java" contentType="text/html; charset=utf-8 " import="domain.Article,java.util.*,service.article.*"
pageEncoding="utf-8"%>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta charset="utf-8" />
	<meta charset="utf-8">
		<title>资讯中心</title>
		<!--网页标题左侧显示-->
				<link rel="icon" href="img/logo.ico" type="image/x-icon">
				<!--收藏夹显示图标-->
				<link rel="shortcut icon" href="img/logo.ico" type="image/x-icon">
		<!-- CSS here -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/magnific-popup.css">
		<link rel="stylesheet" href="fontawesome/css/all.min.css">
		<link rel="stylesheet" href="css/dripicons.css">
		<link rel="stylesheet" href="css/slick.css">
		<link rel="stylesheet" href="css/default.css">
		<link rel="stylesheet" href="css/style1.css">
		<link rel="stylesheet" href="css/responsive.css">
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
				background-color: rgba(0,0,0,0.08);
			}
			.head{
				position: fixed;
				top: 0;
				height: 80px;
				width: 100%;
				z-index: 999;
				-webkit-box-shadow:0 10px 15px rgba(25, 25, 25, 0.1);
				background-color: white;
				overflow: hidden;
			}
			.header {
				position: relative;
			  display: flex;
			  justify-content: space-between;
			  align-items: center;
			  padding: 1rem 2.5rem;
			}
			
			.logo {
				position: relative;
			  font-size: 34px;
			  line-height: 50px;
			  text-align: center;
			  text-decoration: none;
			  color: white;
			}
			
			.site-nav {
				position: relative;
			  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			}
			
			ul {
				position: relative;
			  display: flex;
			  padding: 0;
			  margin: 0;
			  list-style-type: none;
			}
			ul:hover li:not(:hover) a {
			  opacity: 0.2;
			}
			ul li {
				position: relative;
			  position: relative;
			  padding: 10px 25px 10px 25px;
			  cursor: pointer;
			}
			ul li::after {
			  position: absolute;
			  content: "";
			  top: 100%;
			  left: 0;
			  width: 100%;
			  height: 2px;
			  background: #3498db;
			  transform: scaleX(0);
			  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
			}
			ul li:hover::after, ul li.active1::after {
			  transform: scaleX(1);
			}
			ul li a {
			  position: relative;
			  display: flex;
			  color: black;
			  font-family: Lato, sans-serif;
			  text-decoration: none;
			  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
			}
			.footer{
				
				text-align: center;
				background-color: #312F2F;
				width: 100%;
				color: white;
				font-size: 20px;
				padding-top: 18px;
				padding-bottom: 1%;
			}
			.opa {
				opacity: 0;
				opacity: 1\9\0;
			}
			.text1case {
				animation: pro_1_n1 0.5s 0.2s forwards ease;
				-webkit-animation: pro_1_n1 0.5s 0.2s forwards ease;
				-moz-animation: pro_1_n1 0.5s 0.2s forwards ease;
				height: 200px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -40px;
				margin-left: -452px;
				width:900px;
				font-size: 50px;
				font-weight: normal;
				line-height: 200px;
				line-height: 105px\9;
				*line-height: 105px;
				color: #fff;
				vertical-align: middle;
			}
			.text2case {
				width: 40%;
				overflow: hidden;
				font-size: 30px;
				line-height: 65px;
				color: #FFFFFF;
				height: 65px;
				position: absolute;
				top: 90%;
				left: 30%;
				margin-top: 50px;
				border-bottom: 3px solid #312F2F;
				animation: pro_1_n1 0.5s 0.3s forwards ease;
				-webkit-animation: pro_1_n1 0.5s 0.3s forwards ease;
				-moz-animation: pro_1_n1 0.5s 0.3s forwards ease;
			}
			
			@keyframes pro_1_n1 {
				0% {
					transform: translate(0px, 130px);
					opacity: 0
				}
				30% {
					opacity: 1
				}
				100% {
					transform: translate(0px, 0px);
					opacity: 1
				}
			}
			@-webkit-keyframes pro_1_n1 {
				0% {
					-webkit-transform: translate(0px, 130px);
					opacity: 0
				}
				30% {
					opacity: 1
				}
				100% {
					-webkit-transform: translate(0px, 0px);
					opacity: 1
				}
			}
			@-moz-keyframes pro_1_n1 {
				0% {
					-moz-transform: translate(0px, 130px);
					opacity: 0
				}
				30% {
					opacity: 1
				}
				100% {
					-moz-transform: translate(0px, 0px);
					opacity: 1
				}
			}
			
			
			
			
			.heading1 {
				width: 100%;
				height: 320px;
				position: absolute;
				bottom: 60%;
				z-index: 100;
				left: 0px;
				margin-bottom: -147px;
				text-align: center;
			}
			.banner{
				height: 960px;e
				width: 100%;
				background: url(./img/banner6.jpg) no-repeat;
				background-size: 100% 100%;
			}
			.info{
				
				width: 100%;
				z-index: 999;
				box-shadow: rgba(0,0,0,0.08) 0px 1px 4px 0px;
				background-color: white;
			}
		</style>
		<%
            Article article = new Article();
            ArticleService articleService = new ArticleServiceImpl();
            article = articleService.getArticleInfo(Integer.parseInt(request.getParameter("id")));

        %>
		<body>
		<div class="head">
					<div class="header">
					  <a href="index.html" class="logo"><img src="img/logo2.png" height="40px" /></a>
					  <nav class="site-nav">
					    <ul>
							<li><a href="JapanStudy.html">日本留学</a></li>
							<li><a href="kjds.html">跨境电商</a></li>
							<li><a href="lygh.html">旅程规划</a></li>
							
							<li><a href="CompanyInfo.html">关于我们</a></li>
					    </ul>
					  </nav>
					</div>
				</div>
		
		<main>
		    
			<div class="info" style="padding-top: 6%;">

					<div style="width: 60%;margin: auto;text-align: center;padding:3%">
						<h3><%=article.getTitle() %></h3>
						作者:<%=article.getAuthor() %>
					</div>
					<div style="width: 60%;margin: auto;text-align: center;padding:3%">
						<%=article.getInfo() %>
					</div>
					<br />
					<div style="width: 60%;margin: auto;text-align: center;padding:3%">
					    更新时间<%=article.getChangeTime() %> <br />
					    <button onclick="history.go(-1)" > 返回</button>
					</div>
				</div>
			
			</main>
		<div class="footer">
			<p>0791-86122800&nbsp;&nbsp;&nbsp;+86-13037283201</p>
			<p>南昌市站前西路江西商务大厦6楼</p>
			<p>江西信桥信息咨询有限公司</p>
			<br />
			<p>备案号：xxxxxxxxxx</p>
		</div>
		<script type="text/javascript">
				function getUrl(e){
					window.location.href=e+'.html'
				}
			</script>
		<!-- JS here -->
		<script src="js/vendor/modernizr-3.5.0.min.js"></script>
		<script src="js/vendor/jquery-1.12.4.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/one-page-nav-min.js"></script>
		<script src="js/slick.min.js"></script>
		<script src="js/ajax-form.js"></script>
		<script src="js/paroller.js"></script>
		<script src="js/wow.min.js"></script>
		<script src="js/js_isotope.pkgd.min.js"></script>
		<script src="js/imagesloaded.min.js"></script>
		<script src="js/parallax.min.js"></script>
		<script src="js/jquery.waypoints.min.js"></script>
		<script src="js/jquery.counterup.min.js"></script>
		<script src="js/jquery.scrollUp.min.js"></script>
		<script src="js/parallax-scroll.js"></script>
		<script src="js/jquery.magnific-popup.min.js"></script>
		<script src="js/element-in-view.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>
